<template>
  <div>{{count}} <button @click="addCount(10)">+++</button></div>
</template>

<script>
export default {
    name:'Son',
    props:{
        count:{
            type:Number,
            default:0,
        }
    },
    // !setup的第一个参数是props，第二个参数context有emit属性
    setup(props,context){
        // console.log(props.count)
        function addCount(value) {
            context.emit('update:count',value)
        }
        return{
            addCount
        }
    }
}
</script>

<style>

</style>